<ion-tabs>
  <ion-tab-bar class="ion-tab-bar-bg" slot="bottom" (ionTabBarChanged)="change($event)" >
    <ion-tab-button tab="tab1" >
      <img src="{{clickType=='tab1'?'assets/img/tab1.png':'assets/img/tab-1.png'}}">
      <ion-label [ngStyle]="{color: clickType=='tab1'?'#FFF600':'#ffffff'}">HOME</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab2">
      <img src="{{clickType=='tab2'?'assets/img/tab2.png':'assets/img/tab-2.png'}}">
      <ion-label [ngStyle]="{color: clickType=='tab2'?'#FFF600':'#ffffff'}">Categories</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab3">
      <img src="{{clickType=='tab3'?'assets/img/tab3.png':'assets/img/tab-3.png'}}">
      <ion-label [ngStyle]="{color: clickType=='tab3'?'#FFF600':'#ffffff'}">Cart</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab4">
      <img src="{{clickType=='tab4'?'assets/img/tab4.png':'assets/img/tab-4.png'}}">
      <ion-label [ngStyle]="{color: clickType=='tab4'?'#FFF600':'#ffffff'}">Account</ion-label>
    </ion-tab-button>

    <!-- <ion-tab-button tab="tab1">
      <ion-icon name="flash"></ion-icon>
      <ion-label>Tab One</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab2">
      <ion-icon name="apps"></ion-icon>
      <ion-label>Tab Two</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab3">
      <ion-icon name="send"></ion-icon>
      <ion-label>Tab Three</ion-label>
    </ion-tab-button> -->
  </ion-tab-bar>

</ion-tabs>